<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title></title>
    <link rel="stylesheet" href="./style/css/index.css">
</head>

<body>
    <div class="header">
        <div class="header-title">Hello World</div>
        <div class="header-text">china is speeding up strategic plan.traffic rules.laws and regulations
            <br>on accident-incurred liabilties for its smart car industry.Economic information
            <br> Daily reported Thursday.
        </div>
        <div class="header-form">
            <form action="">
                <div class="header-form-title">CREATE YOUR ACCOUNT</div>
                <div class="header-form-text">IT IS ABSOLUTELY FREE</div>
                <input class="header-form-input-1" type="text" placeholder="create your account">
                <input class="header-form-input-2" type="text" placeholder="create your password">
                <button class="header-form-button">SIGN UP</button>
            </form>
        </div>
    </div>
    <div class="content-1">
        <div class="content-1-title">BOATLOADS OF AWESOME</div>
        <div class="content-1-text">Ready-made,customizable,HTML<br>landing page sections</div>
        <div class="content-1-list">
            <div class="content-1-list-item">
                <div class="content-1-list-item-img3">
                </div>
                <div class="content-1-list-item-title">Mobile First</div>
                <div class="content-1-list-item-text">All modulz are built
                    mobile-first for maximum<br />
                    device compatibility
                </div>
            </div>
            <div class="content-1-list-item">
                <div class="content-1-list-item-img4"></div>
                <div class="content-1-list-item-title">Accessibility</div>
                <div class="content-1-list-item-text"> Support for IE8,mobile
                    and tablet devices,<br>
                    screenreaders and color blind
                </div>
            </div>
            <div class="content-1-list-item"">
                <div class=" content-1-list-item-img5"></div>
            <div class="content-1-list-item-title">Fluid Typography</div>
            <div class="content-1-list-item-text">On different screen
                sizes,fonts automagically<br>
                scale with the viewport.
            </div>
        </div>
        <div class="content-1-list-item"">
                <div class=" content-1-list-item-img6"></div>
        <div class="content-1-list-item-title">Customization</div>
        <div class="content-1-list-item-text">Make any design your
            own using the Style Editor.Personalize fonts.colors.and
            layouts to create the
            custom look you want</div>
    </div>
    </div>
    </div>
    <div class="content-2">
        <div class="content-2-title">
            Supportive policies<br>
            for China's smart<br>
            car </p>
        </div>
        <div class="content-2-text">
            China will come up with its own
            smart car<br>
            standards,traffic rules.laws and regulations <br>
            relating to safety.according to the China <br>
            Industry Innovation Alliance for the Intelli-<br>
            gent and Connected Vehiles. </p>
        </div>
        <button class="content-2-btn-1">CHECK OUT FEATURES</button>
        <button class="content-2-btn-2">CHECK OUT FEATURES</button>
    </div>
    <div class="content-3">
        <div class="content-3-title"> Try Our Awesome Products</div>
        <div class="content-3-list">
            <div class="content-3-list-item">
                <div class="content-3-list-item-title1"></div>
                <div class="content-3-list-item-text">Li Jun,a China Academy of Engineering academician and also
                    director of the alliance's experts' committee.said that China will also launch design guidance for
                    smart
                    cars,smart map architecture and standards for test grounds. </div>
            </div>
            <div class="content-3-list-item">
                <div class="content-3-list-item-title2"></div>
                <div class="content-3-list-item-text">Li said the smart car industry is able to enlarge the current car
                    industry by 1 trillion yuan ($158.15 billion) and also able to boost fast development in 5G,
                    internet of cars, big data, artificial intelligence and new-energy vehicles.
                </div>
            </div>
            <div class="content-3-list-item">
                <div class="content-3-list-item-title3"></div>
                <div class="content-3-list-item-text">
                    Zhang Junyi, a partner with NIO Capital, said that the smart car is the trend for the car industry
                    and China's auto sector will usher in a new key development stage with the improvement of
                    infrastructure, technology, policies and laws.
                </div>
            </div>
        </div>
    </div>
    <div class="content-4">
        <div class="content-4-list">
            <div class="content-4-list-img1"></div>
            <div class="content-4-list-text1">
                <div class="content-4-list-text1-title">Learn How to Improve Your
                    Personal Business</div>
                <div class="content-4-list-text1-text">Li Jun,a China Academy of Engineering academician and also
                    director of the alliance's experts' committee.said that China will also launch design guidance for
                    smart
                    cars,smart map architecture and standards for test grounds. </div>
            </div>

            <div class="content-4-list-text2">
                <div class="content-4-list-text2-title">Choose Between Two Beautifully
                    Designed Color Schemes.</div>
                <div class="content-4-list-text2-text">China will come up with its own smart car standards, traffic
                    rules, laws and regulations relating to safety, according to the China Industry Innovation Alliance
                    for the Intelligent and Connected Vehicles.</div>
            </div>
            <div class="content-4-list-img2"></div>

        </div>
    </div>
    <div class="content-5">
        <div class="content-5-title">Our Awesome Crew</div>
        <div class="content-5-text">Our unique online teaching style makes learning easy for everyone.Whether you<br>
            are trying to land a new job.bush up on your skills</div>
        <div class="content-5-list">
            <div class="content-5-list-item9"></div>
            <div class="content-5-list-item10"></div>
            <div class="content-5-list-item11"></div>
            <div class="content-5-list-item12"></div>
        </div>
    </div>
    <div class="content-6">
        <div class="content-6-list">
            <div class="content-6-list-form">
                <form>
                    <div class="content-6-list-form-title">FELL FREE TO WRITE US</div>
                    <input type="text" class="content-6-list-form-input1" placeholder="E-mail">
                    <input type="text" class="content-6-list-form-input2" placeholder="Subject">
                    <input type="text" class="content-6-list-form-input3" placeholder="Message">
                    <button class="content-6-list-form-btn">SEND</button>
                </form>
            </div>
            <div class="content-6-list-information">
                <div class="content-6-list-information-title">Contacts</div>
                <div class="content-6-list-information-text">Make any design your own using the Style<br>
                    Editor.Personalize fonts.colors.and layouts to
                    <br>create the custom look you want</div>
                <div class="content-6-list-information-address">
                    <div class="content-6-list-information-address-icon"></div>
                    <div class="content-6-list-information-address-text">360 king Street<br>
                        Feastrvale Trevose,PA 19057
                    </div>
                </div>
                <div class="content-6-list-information-phone">
                    <div class="content-6-list-information-phone-icon"></div>
                    <div class="content-6-list-information-phone-text">(755)564-84-12</div>
                </div>
                <div class="content-6-list-information-email">
                    <div class="content-6-list-information-email-icon"> </div>
                    <div class="content-6-list-information-email-text">youname@mail.com</div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer">
        <div class="footer-list">
            <ul class="footer-list-ul">
                <li class="footer-list-ul-li li-active">LEARN MORE</li>
                <li class="footer-list-ul-li">How it works?</li>
                <li class="footer-list-ul-li">Meeting tools</li>
                <li class="footer-list-ul-li">Live streaming</li>
                <li class="footer-list-ul-li">Contact method</li>
            </ul>

            <ul class="footer-list-ul">
                <li class="footer-list-ul-li li-active">ABOUT US</li>
                <li class="footer-list-ul-li">About us</li>
                <li class="footer-list-ul-li">Features</li>
                <li class="footer-list-ul-li">Privacy police</li>
                <li class="footer-list-ul-li">Terms & Conditions</li>
            </ul>
            <ul class="footer-list-ul">
                <li class="footer-list-ul-li li-active">SUPPORT</li>
                <li class="footer-list-ul-li">FAQ</li>
                <li class="footer-list-ul-li">Contact us</li>
                <li class="footer-list-ul-li">live chat</li>
                <li class="footer-list-ul-li">Phone call</li>
            </ul>
            <ul class="footer-list-ul4">
                <li class="footer-list-ul-li li-active">ENJOY YOUR LIFE</li>
                <li class="footer-list-ul-li">Creat web UI kit for designers<br>
                    freelancers or business.
                </li>
                <li class="footer-list-ul-li li-icon">
                    <div class="footer-list-ul-li-a1"></div>
                    <div class="footer-list-ul-li-a2"></div>
                    <div class="footer-list-ul-li-a3"></div>
                    <div class="footer-list-ul-li-a4"></div>
                    <div class="footer-list-ul-li-a5"></div>
                    <div class="footer-list-ul-li-a6"></div>
                </li>
            </ul>
        </div>
    </div>
</body>

</html>